﻿@charset "UTF-8";


/*banner图*/
#banner_tabs {width: 100%;height: 100vh;_height:800px;position: relative;}
#banner_tabs .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 50px;height: 100px;overflow: hidden;text-indent: 999999em;background: url(../images/flexnav.png) no-repeat;display: block;position: absolute;top: 50%;margin-top: -60px;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .6s ease;}
.flex-direction-nav .flex-prev {left: 2%;background-position: 0px 0px;}
.flex-direction-nav .flex-next {right: 2%;background-position: -50px 0px;}
#banner_tabs:hover .flex-next {opacity: 0.9;filter: alpha(opacity=80);}
#banner_tabs:hover .flex-prev {opacity: 0.9;filter: alpha(opacity=80);}

#page {height: 60px;margin-top: -60px;}

.index-page section.active>div{display:block;}
.index-page section {height:100vh;position:relative;overflow:hidden;}
.index-page section>div {position:absolute;top:50%;left:50%;z-index:2;display:none;transition:all .6s;}
/*APP-HOME*/
.index-page .app-home .bg {background:url(../images/bg.jpg);background-position: center center;height:100vh;display:block;width:100%;top:0;left:0;opacity: 1;-webkit-animation:bg-scale 10s linear infinite;animation:bg-scale 10s linear infinite;}
.index-page2 .app-home .bg {background:url(../images/bg2.jpg);background-position: center center;}
.index-page3 .app-home .bg {background:url(../images/bg3.jpg);background-position: center center;}
/*slogan*/
.index-page .app-home .slogan {height:162px;margin-top:-160px;margin-left: 60px;}
.index-page2 .app-home .slogan {width:100%;height:80px;margin-left:-50%;margin-top:-340px;text-align: center;}
.index-page3 .app-home .slogan {width:852px;height:100px;margin-left:-426px;margin-top:-90px;}

/*second-slogan*/
.index-page .app-home .second-slogan {width:495px;height:50px;margin-top:40px;margin-left: 60px;}
.index-page2 .app-home .second-slogan {width: 100%;height: 50px;margin-top:-240px;margin-left: -50%;text-align: center;}
.index-page2 .app-home .second-slogan2 {width: 100%;margin-left: -50%;text-align: center;top: auto;bottom: 0px;}
.index-page3 .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;}


/*second-slogan end*/
.index-page .app-home .create-btn {margin-left:-130px;margin-top:110px;}
.index-page .app-home .mask {position:absolute;background:rgba(0,0,0,.68);width:150px;height:150px;top:50%;margin-top:-75px;margin-left:-75px;transition:all 2s;border-radius:50%;opacity:0;}

.maskscale {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:mask-scale;animation-name:mask-scale;}


/*按钮*/
.nav-arrow {position:absolute;bottom:30px;left:50%;z-index:3;margin-left:-27px;width:55px;height:55px;cursor:pointer;background-image:url(../images/jiantou_a.png);background-repeat: no-repeat;background-position: center;background-size:55px 55px;opacity: 0.5;
animation-name:arrowing;-webkit-animation-name:arrowing;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
	.nav-arrow {background-size:35px 35px}
}
.nav-arrow:hover {opacity: 1;}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
	.nav-arrow:hover {background-size:35px 35px}
}

@-webkit-keyframes arrowing {
	0%,100% {-webkit-transform:translateY(-5px);	transform:translateY(-5px)}50% {-webkit-transform:translateY(10px);transform:translateY(10px)}
}
@keyframes arrowing {
	0%,100% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
	50% {-webkit-transform:translateY(10px);transform:translateY(10px);}
}

@-webkit-keyframes mask-scale {
	0%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.1}
	20%{-webkit-transform:scale(2);transform:scale(2);opacity:.2}
	30%{-webkit-transform:scale(3);transform:scale(3);opacity:.3}
	40%{-webkit-transform:scale(4);transform:scale(4);opacity:.4}
	50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}
	60%{-webkit-transform:scale(6);transform:scale(6);opacity:.6}
	70%{-webkit-transform:scale(8);transform:scale(8);opacity:.7}
	80%{-webkit-transform:scale(10);transform:scale(10);opacity:.8}
	90%{-webkit-transform:scale(12);transform:scale(12);opacity:.9}
	100%{-webkit-transform:scale(18);transform:scale(18);opacity:1}
}
@keyframes mask-scale {
	0%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.1}
	20%{-webkit-transform:scale(2);transform:scale(2);opacity:.2}
	30%{-webkit-transform:scale(3);transform:scale(3);opacity:.3}
	40%{-webkit-transform:scale(4);transform:scale(4);opacity:.4}
	50%{-webkit-transform:scale(5);transform:scale(5);opacity:.5}
	60%{-webkit-transform:scale(6);transform:scale(6);opacity:.6}
	70%{-webkit-transform:scale(8);transform:scale(8);opacity:.7}
	80%{-webkit-transform:scale(10);transform:scale(10);opacity:.8}
	90%{-webkit-transform:scale(12);transform:scale(12);opacity:.9}
	100%{-webkit-transform:scale(18);transform:scale(18);opacity:1}
}
@-webkit-keyframes bg-scale {
	0%,99%{-webkit-transform:scale(1);transform:scale(1)}
	33%{-webkit-transform:scale(1.05);transform:scale(1.05)}
	66%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes bg-scale {
	0%,99%{-webkit-transform:scale(1);transform:scale(1)}
	33%{-webkit-transform:scale(1.05);transform:scale(1.05)}
	66%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
.delay100 {animation-delay:.1s;-webkit-animation-delay:.1s;}
.delay200 {animation-delay:.2s;-webkit-animation-delay:.2s;}
.delay300 {animation-delay:.3s;-webkit-animation-delay:.3s;}
.delay400 {animation-delay:.4s;-webkit-animation-delay:.4s;}
.delay500 {animation-delay:.5s;-webkit-animation-delay:.5s;}
.delay600 {animation-delay:.6s;-webkit-animation-delay:.6s;}
.delay700 {animation-delay:.7s;-webkit-animation-delay:.7s;}
.delay800 {animation-delay:.8s;-webkit-animation-delay:.8s;}
.delay900 {animation-delay:.9s;-webkit-animation-delay:.9s;}
.delay1000 {animation-delay:1s;-webkit-animation-delay:1s;}
.delay1200 {animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.delay1400 {animation-delay:1.4s;-webkit-animation-delay:1.4s;}
.delay1600 {animation-delay:1.6s;-webkit-animation-delay:1.6s;}
.delay1800 {animation-delay:1.8s;-webkit-animation-delay:1.8s;}
.delay1900 {animation-delay:1.9s;-webkit-animation-delay:1.9s;}
.delay2500 {animation-delay:2.5s;-webkit-animation-delay:2.5s;}
.delay3500 {animation-delay:3.5s;-webkit-animation-delay:3.5s;}
.delay4500 {animation-delay:4.5s;-webkit-animation-delay:4.5s;}
.delay7000 {animation-delay:7s;-webkit-animation-delay:7s;}




/*我们能做什么*/
.bussiness{background: #f5f5f5;width:100%;}
.section_head {padding: 30px 0px 50px;}
.section_head .title {text-align: center;}
.section_head .title p {color: #333333;font-size:2.5rem;font-weight: bold;}
.section_head .title p i {color: #ff5500;}
.section_head .title span {display: block;color: #888;font-size: 13px;}

.bussiness-body{display: block;overflow: hidden;width: 90%;text-align: center;font-size: 0px;margin:auto;}
.bussiness-body .item{position: relative;display: inline-block;/*float: left;*/width: 16.666%;opacity: 0;filter:alpha(opacity=0);overflow: hidden;}
.bussiness-body .item1{left:200px;-webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item2{left:300px;-webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;;}
.bussiness-body .item3{left:400px;-webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item4{left:500px;-webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item5{left:600px;-webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;}
.bussiness-body .item.on{width: 32.33%;}
.bussiness .bussiness-body .item{left:0;opacity: 1;filter:alpha(opacity=100);}
.bussiness-body .item .service{display: block;height: 358px;border: 1px solid #e8e8e8;border-width: 1px 0px 1px 1px;text-align: center;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service{width: 50%;}
.bussiness-body .item5 .service{border-width: 1px 1px 1px 1px;}
.bussiness-body .item.on .service{background-color: #006acd;border-color: #006acd;}
.bussiness-body .item .service .content{display: block;height: 240px;padding-top: 46px;line-height: 1;}
.bussiness-body .item .service .content h4{display: block;font-size: 18px;font-weight: bold;}
.bussiness-body .item .service .content h4 a{color: #333;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service .content h4 a{color: #fff;}
.bussiness-body .item .service .content p{display: block;margin-top: 11px;color: #4b4b4b;white-space: nowrap;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service .content p{color: #fff;}
.bussiness-body .item .service .content .icon{display: inline-block;margin-top: 56px;}
.bussiness-icon1{background:url(../images/icon.png) no-repeat 0px -822px;height:72px;padding-left:88px;}
.bussiness-body .item.on .service .content .bussiness-icon1{background:url(../images/icon.png) no-repeat 0px -894px;}
.bussiness-icon2{background:url(../images/icon.png) no-repeat 0px -750px;height:72px;padding-left:42px;}
.bussiness-body .item.on .service .content .bussiness-icon2{background:url(../images/icon.png) no-repeat 0px -678px;}
.bussiness-icon3{background:url(../images/icon.png) no-repeat 0px -1254px;height:72px;padding-left:64px;}
.bussiness-body .item.on .service .content .bussiness-icon3{background:url(../images/icon.png) no-repeat 0px -1326px;}
.bussiness-icon4{background:url(../images/icon.png) no-repeat 0px -966px;height:72px;padding-left:60px;}
.bussiness-body .item.on .service .content .bussiness-icon4{background:url(../images/icon.png) no-repeat 0px -1182px;}
.bussiness-icon5{background:url(../images/icon.png) no-repeat 0px -1038px;height:72px;padding-left:55px;}
.bussiness-body .item.on .service .content .bussiness-icon5{background:url(../images/icon.png) no-repeat 0px -1110px;}
.bussiness-body .item .service .info{display: block;padding: 16px 20px 0 20px;border-top: 1px dashed #cdcdcd;font-size: 12px;line-height: 20px;color: #6c6c6c;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service .info{color: #fff;border-top: 1px dashed #4e94dd;}
.bussiness-body .item .price{position: absolute;display: block;width: 100%;height: 360px;left:100%;top:0;}
.bussiness-body .item.on .price{width: 50%;left:50%;}
.bussiness-body .item .price ul{display: block;position: relative;z-index: 5;}
.bussiness-body .item .price ul li{display: block;height: 71px;line-height: 71px;*height: 69px;*line-height: 69px;border-bottom: 1px solid #565758;white-space: nowrap;}
.bussiness-body .item .price ul li a{display: block;padding: 0 20px 0 10px;color: #999;font-size: 14px;text-align: left;background: url(../images/enter-icon.png) no-repeat right 10px center;cursor: pointer;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.bussiness-body .item .price ul li a:hover{color: #fff;background: url(../images/enter-icon-on.png) no-repeat right 10px center;}
.bussiness-body .item .price ul li a .num{padding-left: 10px;}
.bussiness-body .item .price .mask{position: absolute;width: 100%;height: 100%;top:0;left:0;background-color: #000;opacity: 0.8;filter:alpha(opacity=80);z-index: 2;}

/*我们做过什么*/
.case_link {width: 100%;text-align: center;margin-bottom: 35px;}
.case_link ul li {display: inline-block;vertical-align: middle;padding: 0 10px;}
.case_link ul li a {display: block;padding: 0 30px;height: 40px;line-height: 40px;color: #666;font-size: 15px;border-radius: 30px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_link ul li:hover a,.case_link ul li.on a {background-color: #006acd;color: #fff;}
.case_wrap{width:94%;margin:0 auto;}
.case_wrap ul li{float:left; width:24%;margin:0.5%; *width:24.97%; text-align:center; background:#fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_wrap ul li a{display:block;}
.case_wrap ul li article{position:relative; width:100%; height:0; padding-top:62.4%; overflow:hidden;}
.case_wrap ul li article img{position:absolute; top:0; left:0; width:100.5%; height:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.case_wrap ul li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#dcdcdc; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_wrap ul li .info {width: 100%;height: 60px;overflow: hidden;padding:0px 0px 0px 10px;box-sizing:border-box;}
.case_wrap ul li .info h5 {display: block;float: left;width: calc(100% - 100px);height: 40px;line-height: 40px;margin: 10px 0px;text-align: left;}
.case_wrap ul li .info h5 a {font-size:18px; color:#333;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_wrap ul li .info .fr {width: 90px;height: 60px;}
.case_wrap ul li .info .fr a {display: inline-block;vertical-align: middle;text-align: right;margin-left: 10px;width: 20px;height: 60px;background-repeat: no-repeat;background-position: center;}
.case_wrap ul li .info .fr a.case_pc {background-image: url(../images/pc_b.png);}
.case_wrap ul li .info .fr a.case_phone {background-image: url(../images/phone_b.png);}
.case_wrap ul li:hover {background-color: #006acd;}
.case_wrap ul li:hover a article summary{bottom:0;}
.case_wrap ul li:hover a article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.case_wrap ul li:hover a article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.case_wrap ul li:hover a article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.case_wrap ul li:hover .info h5 a {color:#fff;}
.case_wrap ul li:hover .info .fr a.case_pc {background-image: url(../images/pc_w.png);}
.case_wrap ul li:hover .info .fr a.case_phone {background-image: url(../images/phone_w.png);}


/*解决方案*/
.solution .section_head .title p,
.solution .section_head .title p i,
.solution .section_head .title span {color: #fff;}
.solution {background-color:#06050a;background-repeat: no-repeat;background-position: center top;background-size: cover;padding:30px 0 50px!important;margin-top: 50px;overflow: hidden;box-sizing:border-box;}
.solution .solution-slide {position:relative; width:85%; margin: 0 auto; }
.solution .solution-slide .solution-slide-menu {width:320px;text-align:center }
.solution .solution-slide .solution-slide-menu ul {position:relative; z-index:1 }
.solution .solution-slide .solution-slide-menu ul li {padding:20px 0; position:relative; overflow: hidden;;cursor:pointer;background: hsla(0,0%,100%,.2);box-sizing:border-box;}
.solution .solution-slide .solution-slide-menu ul li span {position:absolute;top:0;left:0;width: 0;height:100%;background-color: #006acd;overflow:hidden;display:block;z-index:1;}
.solution .solution-slide .solution-slide-menu ul li.cur span {width: 100%;}
.solution .solution-slide .solution-slide-menu ul li i.icon {display: block;width: 100px;height: 60px;margin: 0 auto;background-image: url(../images/solution-icon.png);background-repeat: no-repeat;position: relative;z-index: 2;}
.solution .solution-slide .solution-slide-menu ul li p {margin:10px 0 0; font-size:16px; color:#fff;position: relative;z-index: 2;}
.solution .solution-slide .solution-slide-menu ul li .icon1 {background-position: 0px 0px;}
.solution .solution-slide .solution-slide-menu ul li .icon2 {background-position: 0px -60px;}
.solution .solution-slide .solution-slide-menu ul li .icon3 {background-position: 0px -120px;}
.solution .solution-slide .solution-slide-menu ul li .icon4 {background-position: 0px -180px;}
.solution .solution-slide .solution-slide-menu ul li .icon5 {background-position: 0px -200px;}

.solution .solution-slide .solution-slide-body {width: calc(100% - 450px);min-height: 670px;position: absolute;top: 0px;right: 0px;}
.solution .solution-slide .solution-slide-body .solution-slide-item {width: 100%;display: none;}
.solution .solution-slide .solution-slide-body .solution-slide-item h4 {color: #fff;font-size: 28px;margin: 20px 0px;}
.solution .solution-slide .solution-slide-body .solution-slide-item>p {width: 60%;color: #fff;}
.solution .solution-slide .solution-slide-body .solution-slide-item .row {margin-top: 80px;}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 {width: 25%;float: left;}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item {width: 100%;text-align: center;}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item i {display: inline-block;width: 100px;height: 90px;line-height: 90px;}
.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item p {color: #fff;font-size: 14px;}
.solution .solution-slide .solution-slide-body .s-button {position: absolute;left: 0px;bottom: 30px;}
.solution .solution-slide .solution-slide-body .s-button a {display: block;width: 125px;height: 40px;line-height: 40px;text-align: center;color: #ff5800;font-size: 15px;border:1px solid #ff5800;border-radius: 20px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.solution .solution-slide .solution-slide-body .s-button a:hover {background-color: #ff5800;color: #fff;}

/*新闻*/
.news .section_head {padding-bottom: 20px;}
.news .news-body {margin-bottom: 50px;}
.news .news-body .news_link {width: 100%;text-align: center;margin-bottom: 35px;}
.news .news-body .news_link ul li {display:inline-block;*display: inline;*zoom: 1;color: #555;font-size: 16px;padding: 0 30px;height: 45px;line-height: 45px;border:1px solid #c4c4c4;margin: 0 15px;cursor: pointer;}
.news .news-body .news_link ul li a {display: block;padding: 0 30px;height: 40px;line-height: 40px;color: #666;font-size: 15px;border-radius: 30px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .news-body .news_link ul li:hover a,.news .news-body .news_link ul li.on {background-color: #006acd;color: #fff;}
.news .news-body .news_wrap {max-width: 1200px;margin: 0 auto;overflow: hidden;}
.news .news-body .news_wrap .news_item {margin-bottom: 30px;}
.news .news-body .news_wrap .news_item .time {width: 140px;height: 130px;background-color: #006acd;border-radius: 10px;overflow: hidden;text-align: center;}
.news .news-body .news_wrap .news_item .time strong {width: 100%;height: 80px;line-height: 80px;text-align: center;color: #fff;font-size: 60px;}
.news .news-body .news_wrap .news_item .time p {display: block;width: 100%;height: 39px;line-height: 39px;border-top: 1px solid #0060ba;color: #fff;font-size: 18px;}
.news .news-body .news_wrap .news_item .con {width: calc(100% - 180px);height: 130px;}
.news .news-body .news_wrap .news_item .con h4 {margin-bottom: 15px;}
.news .news-body .news_wrap .news_item .con h4 a {display: block;color: #555;font-size: 20px;font-weight: bold;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .news-body .news_wrap .news_item .con h4 a:hover {color: #006acd;}
.news .news-body .news_wrap .news_item .con p a {display: block;color: #555;font-size: 16px;line-height: 28px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .news-body .news_wrap .news_item .con p a:hover {color: #006acd;}
.news .news-body .more a {display: block;width: 125px;height: 40px;line-height: 40px;text-align: center;margin: 0 auto;border-radius: 30px;overflow: hidden;border:1px solid #006acd;color: #006acd;font-size: 16px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news .news-body .more a:hover {background-color: #006acd;color: #fff;}
.newslis dl{float:left;width:550px; margin:0 0px 30px 0; height:auto; background:#f3f3f3; padding:20px;}
.newslis dl:nth-child(2n) {float: right;}
.newslis dl dt{ float:left;height:135px;}
.news-box-img{position: relative;max-width: 200px;}
.news-box-img img{width:180px; height:135px;}
.news-data{position: absolute;left: 0;top: 0;padding:0 8px;text-align: center;background: #006acd;color:#fff;}
.news-data span{display: block;font-size: 24px;line-height: 30px;}
.news-data em{display: block;font-size: 14px;font-style: normal;line-height: 20px;margin-top: -3px;}
.newslis dl dd{ float:right; width:340px;}
.newslis dl dd h4{ font-size:16px; overflow:hidden; font-weight:normal;}
.newslis dl dd h4 a{ color:#333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslis dl dd h4 a:hover{ color:#006acd}
.newslis dl dd p{ color:#666; font-size:14px;padding-top:8px; line-height:21px;height: 108px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}


/*售后服务*/
.section.service_home {padding: 0px 0px 0px;}
.service_wrap {padding: 90px 0px 100px;background: url(../images/service_bg.jpg) no-repeat center;}
.service_wrap .main-wrap ul {width: 100%;text-align: center;}
.service_wrap .main-wrap ul li {display: inline-block;}
.service_wrap .main-wrap ul li h4 {font-size:46px;font-weight: bold;background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.service_wrap .main-wrap ul li p {font-size: 32px;background-image: -webkit-gradient(linear, left top, left bottom, from(#02ebfd), to(#008de5));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.footer-topbar {background: #1d1d1d;}
.footer-topbar .main-wrap {padding: 39px 0px;}
.footer-topbar .footer-topbar-content {max-width: 1440px;margin:0 auto;}
.footer-topbar .footer-topbar-content .footer-topbar-item {	width:25%;float:left;cursor: pointer;}
.footer-topbar .footer-topbar-content .footer-topbar-item p {color:#fff;margin:10px 0;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {float: left;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon  {display: block;width: 100px;height: 100px;background-image: url(../images/common_icons.png);background-repeat: no-repeat;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon1 {background-position: 0px -300px;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon2 {background-position: -100px -300px;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon3 {background-position: -200px -300px;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .f-t-icon4 {background-position: -300px -300px;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {float: left;margin-top: 15px}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {font-size:22px;color:#fff;}
.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p {font-size:14px;color:#737373;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon1 {background-position: 0px -400px;}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon2 {background-position: -100px -400px;}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon3 {background-position: -200px -400px;}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-img .f-t-icon4 {background-position: -300px -400px;}
.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content,.footer-topbar .footer-topbar-content .footer-topbar-item.on .f-top-content p {color:#006acd;}

/*留言提交*/
.footer-mess {width: 100%;background-color: #006acd;}
.footer-mess .mess-left {float: left;width: 25%;}
.footer-mess .mess-left .left_con {padding: 50px 42px;}
.footer-mess .mess-left .left_con .top {color: #fff;}
.footer-mess .mess-left .left_con .top p {font-size:2vw;}
.footer-mess .mess-left .left_con .top span {font-size:1.8vw;}
.footer-mess .mess-left .left_con .top .line {width: 192px;height: 1px;background-color: #fff;display: block;margin: 30px 0px;}
.footer-mess .mess-left .left_con b {color: #fff;font-size:2vw;font-weight: bold;line-height: 130%;}
.footer-mess .mess-left .left_con .bshare-custom {margin:20px 0px 40px;}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a {display: inline-block;vertical-align: middle;width: 30px;height: 30px;padding:0px;margin-right: 12px;background-image: url(../images/common_icons.png);background-repeat: no-repeat;}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_tsina {background-position: -120px 0px;}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_renren {background-position: -150px 0px;}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_sqq {background-position: -180px 0px;}
.footer-mess .mess-left .left_con .bshare-custom .bdsharebuttonbox a.bds_weixin {background-position: -210px 0px;}
.footer-mess .mess-left .left_con .footer_call {color: #fff;}
.footer-mess .mess-right {float: right;width: 75%;min-height: 414px;padding: 50px 0px;background: url(../images/index_mess_bg.jpg) no-repeat center;}
.footer-mess .mess-right form {padding: 0px 42px;}
.footer-mess .mess-right .form {background-color: #fff;padding: 25px 50px;box-sizing:border-box;}
.footer-mess .mess-right .form h5 {color: #3d3d3d;font-size: 24px;line-height: 34px;padding: 0px 9px;}
.footer-mess .mess-right .form input,.footer-mess .mess-right .form select {color: #888;font-size: 15px;width: 100%;height: 50px;line-height: 48px;border:1px solid #ccc;padding:0px 15px;box-sizing:border-box;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.footer-mess .mess-right .form input:hover,.footer-mess .mess-right .form select:hover {border-color: #006acd;}
.footer-mess .mess-right .form .ind_wrap {margin: 23px 0px 25px;}
.footer-mess .mess-right .form .ind_wrap .input_text {width: 50%;padding: 0 9px;float: left;box-sizing:border-box;}
.footer-mess .mess-right .form .ind_sub {padding: 0 9px;}
.footer-mess .mess-right .form .ind_sub input {display: block;float: right;width: 158px;height: 42px;line-height: 40px;color: #006acd;border:1px solid #006acd;border-radius: 50px;background-color: #fff;cursor:pointer;}
.footer-mess .mess-right .form .ind_sub input:hover {background-color: #006acd;color: #fff;}
.footer-mess .mess-right .form .ind_mess {padding:0px 9px;margin: 25px 0px;}
.footer-mess .mess-right .form .ind_mess textarea {display: block;float: left;width:calc(70% - 30px);height: 120px;color: #666;font-size: 15px;border:1px solid #ccc;padding: 15px;outline: none;font-family: "Microsoft Yahei";box-sizing:border-box;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.footer-mess .mess-right .form .ind_mess textarea:hover {border-color: #006acd;}
.footer-mess .mess-right .form .ind_mess .code {width: 30%;display: block;float: right;}
.footer-mess .mess-right .form .ind_mess .code .ind5_pho {margin-bottom: 20px;}
.footer-mess .mess-right .form .ind_mess .code #verycode {width: 55%;float: left;}
.footer-mess .mess-right .form .ind_mess .code .yzm {width: 42%;height: 50px;border:1px solid #006acd;background: #006acd;color: #fff;float: right;cursor: pointer;}
.footer-mess .mess-right .form .ind_mess .code .yzm:hover {background:#0162bd;border-color: #0162bd;}




/* ---------------- Responsive website ---------------- */

/*屏幕小于1440px应用一下样式*/
@media (max-width:1440px) {
	
	.index-page .app-home .slogan {height:120px;margin-top:-140px;}
	.index-page .app-home .slogan img {height: 120px;}
	.index-page2 .app-home .slogan {margin-top:-240px;}
	.index-page2 .app-home .slogan img {height: auto;}
	.index-page3 .app-home .slogan img {height: auto;}

	.index-page2 .app-home .second-slogan {margin-top:-150px;}
	.index-page2 .app-home .second-slogan2 img {height: 420px;}
	.index-page3 .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;}

	.footer-mess .mess-right .form .ind_mess textarea {width:calc(66% - 20px);}
	.footer-mess .mess-right .form .ind_mess .code {width:34%;}

}

/*屏幕小于1366px应用一下样式*/
@media (max-width:1366px) {
.index-page2 .app-home .slogan {margin-top:-200px;}
.index-page2 .app-home .slogan img {height: 60px;}
.index-page2 .app-home .second-slogan {margin-top:-120px;}
.index-page2 .app-home .second-slogan img {height: 45px;}
.index-page2 .app-home .second-slogan2 img {height: 350px;}
}

@media (max-width:1200px) {
	.header .info {display: none;}

	.footer-mess .mess-right .form .ind_mess textarea {width: calc(50% - 9px);}
	.footer-mess .mess-right .form .ind_mess .code {width: calc(50% - 9px);}
}

/*屏幕小于1024px应用一下样式*/
@media (max-width:1024px) {

.case_wrap{width:99%;margin:0 auto;}

.footer-mess .mess-left, .footer-mess .mess-right {width: 100%;}
.footer-mess .mess-left .left_con .top p{font-size:2.5rem;}
.footer-mess .mess-left .left_con .top span{font-size:1.9rem;}
.footer-mess .mess-left .left_con b{font-size:2.5rem;}
}

@media (max-width:769px) {
	.index-page .app-home .slogan,
	.index-page .app-home .second-slogan {width: 100%;margin-left: -50%;text-align: center;height: auto;padding: 0 45px;box-sizing:border-box;}
	.index-page .app-home .slogan img,.index-page2 .app-home .slogan img,.index-page2 .app-home .second-slogan img,.index-page2 .app-home .second-slogan2 img  {height: auto;}

	.index-page .app-home .slogan {margin-top:-120px;}
	.index-page2 .app-home .slogan {margin-top: -90px;}
	.index-page3 .app-home .slogan {margin-top: -90px;}
	.index-page .app-home .second-slogan {margin-top: -10px;}

	/*共用元素*/
	.container {margin: 0 auto;}
	.section {padding: 30px 0px;}

}

/*屏幕小于768px应用一下样式*/
@media (max-width:768px) {
	/*banner图*/
	.section_head {padding: 30px 10px;}
	.section_head .title p {font-size: 24px;}
	.section_head .title span {font-size: 14px;}

	.flex-direction-nav a {opacity: 1;width: 30px;height: 60px;background-size: 60px 60px;}
	.flex-direction-nav .flex-prev {left: 2%;background-position: 0px 0px;}
	.flex-direction-nav .flex-next {right: 2%;background-position: -30px 0px;}

	/*服务*/
	.bussiness-body {padding: 0 10px;overflow: inherit;box-sizing:border-box;}
	.bussiness-body .item {margin-bottom: -1px;}
	.bussiness-body .item,.bussiness-body .item.on {width: 33.333%;}
	.bussiness-body .item .service {width: 100%;height: auto;border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;box-sizing:border-box;}
	.bussiness-body .item .service,.bussiness-body .item.on .service {border:1px solid #dcdcdc;border-width: 1px 0px 1px 1px;background: transparent;}
	.bussiness-body .item.item2 .service,.bussiness-body .item.item5 .service {border-width: 1px 1px 1px 1px;}
	.bussiness-body .item.on .service {width: 100%;}
	.bussiness-body .item .service .content {height: auto;padding: 30px 0px;}
	.bussiness-body .item .service .content .icon {margin-top: 30px;}
	.bussiness-body .item .price {display: none;}
	.bussiness-body .item .service .info {display: none;}
	.bussiness-body .item.item1,.bussiness-body .item.item2,.bussiness-body .item.item1.on,.bussiness-body .item.item2.on {width: 50%;}
		
	.bussiness-body .item .service .content h4 a {color: #4b4b4b;;font-size: 16px;}
	.bussiness-body .item.on .service .content h4 a {color: #4b4b4b;}
	.bussiness-body .item.on .service .content p {color: #4b4b4b;}

	.bussiness-body .item.on .service .content .bussiness-icon1{background:url(../images/icon.png) no-repeat 0px -822px;height:72px;padding-left:88px;}
	.bussiness-body .item.on .service .content .bussiness-icon2{background:url(../images/icon.png) no-repeat 0px -750px;height:72px;padding-left:42px;}
	.bussiness-body .item.on .service .content .bussiness-icon3{background:url(../images/icon.png) no-repeat 0px -1254px;height:72px;padding-left:64px;}
	.bussiness-body .item.on .service .content .bussiness-icon4{background:url(../images/icon.png) no-repeat 0px -966px;height:72px;padding-left:60px;}
	.bussiness-body .item.on .service .content .bussiness-icon5{background:url(../images/icon.png) no-repeat 0px -1038px;height:72px;padding-left:55px;}

	/*案例*/
	.case_wrap ul {padding: 0px 7px}
	.case_wrap ul li {width: calc(50% - 6px);margin: 3px;box-sizing:border-box;}
	.case_wrap ul li .info {height: 40px;}
	.case_wrap ul li .info h5 {width: 100%;height: 20px;line-height: 20px;}
	.case_wrap ul li .info h5 a {font-size: 16px;}
	.case_wrap ul li .info .fr {display: none;}

	/*方案*/
	.solution {padding: 1px 0px 30px;height: auto;background-size: cover;}
	.solution .solution-slide {width: 100%;}
	.solution .solution-slide .solution-slide-menu {width: 100%;position: static;}
	.solution .solution-slide .solution-slide-menu ul {padding: 0px 10px;}
	.solution .solution-slide .solution-slide-menu ul li {margin-bottom: 10px;}
	.solution .solution-slide .solution-slide-menu ul li span {top: 0px;right: 0px;bottom: 0px;left: 0px;margin:auto;}
	.solution .solution-slide .solution-slide-body {display: none;}

	/*新闻*/
	.news .news-body .news_wrap {margin: 0px 10px 30px;}
	.news .news-body .news_wrap .news_item {margin-bottom: 15px;}
	.news .news-body .news_wrap .news_item .time {width: 95px;height: 88px;}
	.news .news-body .news_wrap .news_item .time strong {height: 55px;line-height: 55px;font-size: 45px;}
	.news .news-body .news_wrap .news_item .time p {height: 35px;line-height: 35px;}
	.news .news-body .news_wrap .news_item .con {width: calc(100% - 110px);height: 90px;}
	.news .news-body .news_wrap .news_item .con h4 {margin-bottom: 5px;}
	.news .news-body .news_wrap .news_item .con h4 a {display: block; font-size: 16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
	.news .news-body .news_wrap .news_item .con p a {font-size: 13px;line-height: 19px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.newslis dl {width: 100%;float: none;box-sizing: border-box;padding: 10px;margin-bottom: 15px;}
	.newslis dl:nth-child(2n) {float: none;}
	.newslis dl dd {width: calc(100% - 190px);}
	.newslis dl dd p {-webkit-line-clamp: 3;font-size: 12px;height: 52px;line-height: 18px;padding-top: 3px;}
	.footer-topbar {padding:0px;}
	.footer-topbar .footer-topbar-content .footer-topbar-item {width: 50%;}
	.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {float: none;}
	.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img .icon {margin:0 auto;}
	.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content {float: none;margin-top: 5px;text-align: center;}
	.footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content .h4 {font-size: 18px;}


}
/*屏幕小于540px应用一下样式*/
@media (max-width:540px) {
	/*案例*/
	.service_wrap {padding: 50px 0px;}
	.service_wrap .main-wrap ul li h4 {font-size: 35px;}
	.service_wrap .main-wrap ul li p {font-size: 24px;}
	
	/*新闻*/
	.newslis dl dt {height: 80px;}
	.news-box-img img {width: auto;height: 80px;width:120px;}
	.newslis dl dd {width: calc(100% - 130px);}
}